<html>
	<head>
		<meta charset="UTF-8">
		<title>阿里九九股份有限公司</title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	</head>
	<body>
			<div class="navbar-wrapper">
			  <div class="container">

				<nav class="navbar navbar-inverse navbar-static-top">
				  <div class="container">
					<div class="navbar-header" >
					  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					  </button>
					  <a class="navbar-brand" href="http://fengyuanbiao.gitee.io/html/4_28">你好，请登入！</a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
					  <ul class="nav navbar-nav">
						<li class="active"><a href="#">我的订单</a></li>
						<li><a href="#about">会员服务</a></li>
						<li><a href="#contact">企业采购</a></li>
						<li class="dropdown">
						  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">网址导航 <span class="caret"></span></a>
						  <ul class="dropdown-menu">
							<li><a href="#">帮助中心</a></li>
							<li><a href="#">在线服务</a></li>
							<li><a href="#">商家后台</a></li>
							<li role="separator" class="divider"></li>
							<li class="dropdown-header">更多精选</li>
							<li><a href="#">合作招商</a></li>
							<li><a href="#">市场服务</a></li>
						  </ul>
						  
						</li>
						<li><div id="navbar" class="navbar-collapse collapse"  >
							  <form class="navbar-form navbar-right">
								<div class="form-group">
								  <input type="text" placeholder="请输入" class="form-control">
								</div>
								<button type="submit" class="btn btn-success">搜索</button>
							  </form>
							</div><!--/.navbar-collapse -->
						</li>
						
						
						
					  </ul>
					</div>
				  </div>
				</nav>

			  </div>
			</div>


			<!-- Carousel
			================================================== -->
			<div id="myCarousel" class="carousel slide" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			  </ol>
			  <div class="carousel-inner" role="listbox">
				<div class="item active">
				  <img class="first-slide" src="" alt="First slide">
				  <div class="container">
					<div class="carousel-caption">
					  <h1>Example headline.</h1>
					  <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
					  <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
					</div>
				  </div>
				</div>
				<div class="item">
				  <img class="second-slide" src="" alt="Second slide">
				  <div class="container">
					<div class="carousel-caption">
					  <h1>Another example headline.</h1>
					  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
					  <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
					</div>
				  </div>
				</div>
				<div class="item">
				  <img class="third-slide" src="" alt="Third slide">
				  <div class="container">
					<div class="carousel-caption">
					  <h1>One more for good measure.</h1>
					  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
					  <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
					</div>
				  </div>
				</div>
			  </div>
			  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			  </a>
			</div><!-- /.carousel -->


			<!-- Marketing messaging and featurettes
			================================================== -->
			<!-- Wrap the rest of the page in another container to center all the content. -->

			<div class="container marketing">

				  <!-- Three columns of text below the carousel -->
				  <div class="row">
					<div class="col-lg-3">
					  <img src="1.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><span class="label label-danger">新品</span><a href="q1.html">华为 HUAWEI P20 AI智慧全面屏 6GB +128GB 亮黑色 全网通版 移动联通电信4G手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
						<span class="label label-warning">满赠</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="2.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><a href="q1.html">荣耀 V10 高配版 6GB+64GB 幻夜黑 移动联通电信4G全面屏游戏手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="3.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><span class="label label-danger">热销</span><a href="q1.html">荣耀 V10 高配版 6GB+64GB 幻夜黑 移动联通电信4G全面屏游戏手机 双卡双待</a></p>
					 <p style="color:blue;float:left;">1000+</p><p>评论</p>
					 <p>
						<span class="label label-info">包邮</span>
						<span class="label label-warning">满赠</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="4.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><a href="q1.html">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
					  </p>
					</div>
				  </div><!-- /.row -->
				  <div class="row">
					<div class="col-lg-3">
					  <img src="1.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><span class="label label-danger">新品</span><a href="q1.html">华为 HUAWEI P20 AI智慧全面屏 6GB +128GB 亮黑色 全网通版 移动联通电信4G手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
						<span class="label label-warning">满赠</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="2.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><a href="q1.html">荣耀 V10 高配版 6GB+64GB 幻夜黑 移动联通电信4G全面屏游戏手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="3.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><span class="label label-danger">热销</span><a href="q1.html">荣耀 V10 高配版 6GB+64GB 幻夜黑 移动联通电信4G全面屏游戏手机 双卡双待</a></p>
					 <p style="color:blue;float:left;">1000+</p><p>评论</p>
					 <p>
						<span class="label label-info">包邮</span>
						<span class="label label-warning">满赠</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="4.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><a href="q1.html">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
					  </p>
					</div>
				  </div><!-- /.row -->
				  <div class="row">
					<div class="col-lg-3">
					  <img src="1.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><span class="label label-danger">新品</span><a href="q1.html">华为 HUAWEI P20 AI智慧全面屏 6GB +128GB 亮黑色 全网通版 移动联通电信4G手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
						<span class="label label-warning">满赠</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="2.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><a href="q1.html">荣耀 V10 高配版 6GB+64GB 幻夜黑 移动联通电信4G全面屏游戏手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="3.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><span class="label label-danger">热销</span><a href="q1.html">荣耀 V10 高配版 6GB+64GB 幻夜黑 移动联通电信4G全面屏游戏手机 双卡双待</a></p>
					 <p style="color:blue;float:left;">1000+</p><p>评论</p>
					 <p>
						<span class="label label-info">包邮</span>
						<span class="label label-warning">满赠</span>
						<span class="label label-danger">自营</span>
					  </p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-3">
					  <img src="4.jpg" width="140" height="140">
					  <h2 style="color:red;">$600</h2>
					  <p><a href="q1.html">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a></p>
					  <p style="color:blue;float:left;">1000+</p><p>评论</p>
					  <p>
						<span class="label label-info">包邮</span>
					  </p>
					</div>
				  </div><!-- /.row -->


				  <hr class="featurette-divider">
				  
				<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">关于我们</button>

				<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
				  <div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
					<h1 align="center">就说你没我好看！！！</h1>
					</div>
				  </div>
				</div>
				 
				 
				  <footer>
					<p class="pull-right"><a href="#">Back to top</a></p>
					<p>&copy; 2016 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>

			</div><!-- /.container -->
			<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
			<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
			<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
			<script src="../../assets/js/vendor/holder.min.js"></script>
			<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
	</body>
</html>